<style>
    .div-relative{position:relative;margin-left: 300px;margin-top: 30px;}
    .div-a{ position:absolute; left:30px; top:190px; width:200px; height:40px}
    .div-b{ position:absolute; left:200px; top:60px; width:400px; height:300px}

    .u_image{
        border-width: 0px;
        position: absolute;
        left: 220px;
        top: 50px;
        width: 100px;
        height: 80px;
    }
    .u_text{
        border-width: 0px;
        position: absolute;
        left: 70px;
        top: 110px;
        width: 100px;
        height: 28px;
        font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
        font-weight: 700;
        font-size: x-large;
        font-style: normal;
        color: #FFFFFF;
    }
</style>

<div>
    <div class="layui-col-md4">
        <img src="<@baseUrl url='/static/comm/img/index/u2.png'/>">
        <div class="u_image">
            <img src="<@baseUrl url='/static/comm/img/index/u7.png'/>">
        </div>
        <div class="u_text">
            <p>
                <span>浏览量</span>
            </p>
        </div>
        <div class="u_text" style="top: 150px">
            <p>
                <span>755,341</span>
            </p>
        </div>
    </div>
    <div class="layui-col-md4">
        <img src="<@baseUrl url='/static/comm/img/index/u3.png'/>">
        <div class="u_image">
            <img src="<@baseUrl url='/static/comm/img/index/u5.png'/>">
        </div>
        <div class="u_text">
            <p>
                <span>订单量</span>
            </p>
        </div>
        <div class="u_text" style="top: 150px">
            <p>
                <span>6870</span>
            </p>
        </div>
    </div>
    <div class="layui-col-md4">
        <img src="<@baseUrl url='/static/comm/img/index/u4.png'/>">
        <div class="u_image">
            <img src="<@baseUrl url='/static/comm/img/index/u6.png'/>">
        </div>
        <div class="u_text">
            <p>
                <span>总金额</span>
            </p>
        </div>
        <div class="u_text" style="top: 150px">
            <p>
                <span>￥ 85275</span>
            </p>
        </div>
    </div>

    <div class="layui-row layui-col-space12">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header"><b>待办事宜</b></div>
                <div class="layui-card-body" style="color:#666">
                    <a href="#">十二届全国人大常委会第十八次会议经表决通过关于修改人口与计划生育法的决定。修改后的计生法1月1日起开始施行，明确国家提倡一对夫妻生育两个子女。</a>
                    <hr>
                    <a href="#">中国领导人频频亮相多边外交舞台，推出一系列颇具影响的“中国方案”。此次峰会的主题为“构建创新、活力、联动、包容的世界经济”，届时，中国将为世界经济提供哪些新思维、新动力~</a>
                    <hr>
                     <a href="#">中国国防和军队新一轮改革拉开大幕。此轮改革，着眼于贯彻新形势下政治建军的要求，推进领导掌握部队和高效指挥部队有机统一，形成军委管总、战区主战、军种主建的格局。~</a>
                    <hr>
                    <a href="#">两岸关系走上和平发展道路。过去7年，台海局势安定祥和，两岸关系发展成果丰硕。两岸双方和广大同胞为此付出了大量心血。正因为有了这7年的积累，两岸双方才能迈出今天这历史性的~</a>
                    <hr>
                    <a href="#">《关于授权国务院在实施股票发行注册制改革中调整适用(中华人民共和国证券法)有关规定的决定》将施行，期限为两年。注册制向着正式落地实施迈出重大一步。证监会表示，实施注册制~</a>
                    <hr>
                    <a href="#">人民币将正式纳入特别提款权(SDR)货币篮子。据悉，人民币在SDR货币篮子的占比将达到10.92%，仅次于美元和欧元。央行有关负责人表示，加入SDR后，人民币更加稳健，在全世界的~</a>
                    <hr>
                    <a href="#">过去的一年，中国的《不动产登记暂行条例》正式实施，酝酿已久的不动产统一登记制度开始正式落地。土地、房屋、林地、草原、海域等不动产权利涉及千家万户，这项改革每一步~</a>
                </div>
            </div>
        </div>
    </div>
</div>